<template>
  <section class="search">
    <form class="search_form" action="#">
      <input type="search" name="search" placeholder="请输入商家或美食名称" class="search_input">
      <input type="submit" name="submit" class="search_submit" value="搜索">
    </form>
  </section>

</template>

<script>
  export default {}
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .search  //搜索
    width 100%
    height: 2.25rem
    border-bottom 1px solid #e4e4e4
    .search_form
      clearFix()
      margin-top 1.688rem
      background-color #fff
      padding 0.45rem 0.3rem
      input
        height 1.313rem
        padding 0 .15rem
        border-radius .075rem
        font-weight bold
        outline none
        &.search_input
          float left
          width 79%
          border .15rem solid #f2f2f2
          font-size .525rem
          color #333
          background-color #f2f2f2
        &.search_submit
          float right
          width 18%
          border none
          font-size .6rem
          color #fff
          background -webkit-radial-gradient(#FF4700, #DE9B22)
          background -moz-radial-gradient(#FF4700, #DE9B22)
          background -ms-radial-gradient(#FF4700, #DE9B22)
          background radial-gradient(#FF4700, #DE9B22)
          border-radius .375rem
</style>
